<template>
  <div id="Loc">
    <v-details
      :detailData="data.detailData"
      :inputConfig="inputConfig"
      :rules="rules"
      ref="input"
    ></v-details>
  </div>
</template>

<script>

import details from 'commons/Detail'
import baseMixin from "@/mixins/BaseMixin";

export default {
  name: "Loc",
  mixins: [baseMixin],
  props: {
    data: {
      type: Object
    }
  },
  data () {
    return {
      inputConfig: [
        [
          {

            label: this.$t('outbound.includeItem'),
            type: "",
            disabled: true
          },
          {
            type: "",
            disabled: true,
            label: this.$t('outbound.includeItem'),
          },
          {
            type: "",
            disabled: true,
            label: this.$t('outbound.includeItem'),
          },
          {
            type: "",
            disabled: true,
            label: this.$t('outbound.excludeItem'),
          },
          {
            type: "",
            disabled: true,
            label: this.$t('outbound.excludeItem'),
          },
          {
            type: "",
            disabled: true,
            label: this.$t('outbound.excludeItem'),
          },
        ],
        [
          {
            type: "select",
            label: this.$t('config.locHandler'),
            props: "locationhandlinginclude01",
            options: this.getOptions('querycodeLkup/LOCHDLING')
          },
          {
            type: "select",
            label: " ",
            props: "locationhandlinginclude02",
            options: this.getOptions('querycodeLkup/LOCHDLING')
          },
          {
            type: "select",
            label: " ",
            props: "locationhandlinginclude03",
            options: this.getOptions('querycodeLkup/LOCHDLING')
          },
          {
            type: "select",
            label: " ",
            props: "locationhandlingexclude01",
            options: this.getOptions('querycodeLkup/LOCHDLING')
          },
          {
            type: "select",
            label: " ",
            props: "locationhandlingexclude02",
            options: this.getOptions('querycodeLkup/LOCHDLING')
          },
          {
            type: "select",
            label: " ",
            props: "locationhandlingexclude03",
            options: this.getOptions('querycodeLkup/LOCHDLING')
          },
        ],
        [
          {
            type: "select",
            label: this.$t('config.locFlag'),
            props: "locationflaginclude01",
            options: this.getOptions('querycodeLkup/LOCFLAG')
          },
          {
            type: "select",
            label: " ",
            props: "locationflaginclude02",
            options: this.getOptions('querycodeLkup/LOCFLAG')
          },
          {
            type: "select",
            label: " ",
            props: "locationflaginclude03",
            options: this.getOptions('querycodeLkup/LOCFLAG')
          },
          {
            type: "select",
            label: " ",
            props: "locationflagexclude01",
            options: this.getOptions('querycodeLkup/LOCFLAG')
          },
          {
            type: "select",
            label: " ",
            props: "locationflagexclude02",
            options: this.getOptions('querycodeLkup/LOCFLAG')
          },
          {
            type: "select",
            label: " ",
            props: "locationflagexclude03",
            options: this.getOptions('querycodeLkup/LOCFLAG')
          },
        ],
        [
          {
            type: "select",
            label: this.$t('config.locCategory'),
            props: "locationcategoryinclude01",
            options: this.getOptions('querycodeLkup/LOCCATEGRY')
          },
          {
            type: "select",
            label: " ",
            props: "locationcategoryinclude02",
            options: this.getOptions('querycodeLkup/LOCCATEGRY')
          },
          {
            type: "select",
            label: " ",
            props: "locationcategoryinclude03",
            options: this.getOptions('querycodeLkup/LOCCATEGRY')
          },
          {
            type: "select",
            label: " ",
            props: "locationcategoryexclude01",
            options: this.getOptions('querycodeLkup/LOCCATEGRY')
          },
          {
            type: "select",
            label: " ",
            props: "locationcategoryexclude02",
            options: this.getOptions('querycodeLkup/LOCCATEGRY')
          },
          {
            type: "select",
            label: " ",
            props: "locationcategoryexclude03",
            options: this.getOptions('querycodeLkup/LOCCATEGRY')
          },
        ],
        [
          {
            type: "select",
            label: this.$t('common.locabcinclude01'),
            props: "locabcinclude01",
            options: this.getOptions('querycodeLkup/LOCABC')
          },
          {
            type: "select",
            label: " ",
            props: "locabcinclude02",
            options: this.getOptions('querycodeLkup/LOCABC')
          },
          {
            type: "select",
            label: " ",
            props: "locabcinclude03",
            options: this.getOptions('querycodeLkup/LOCABC')
          },
          {
            type: "select",
            label: " ",
            props: "locabcexclude01",
            options: this.getOptions('querycodeLkup/LOCABC')
          },
          {
            type: "select",
            label: " ",
            props: "locabcexclude02",
            options: this.getOptions('querycodeLkup/LOCABC')
          },
          {
            type: "select",
            label: " ",
            props: "locabcexclude03",
            options: this.getOptions('querycodeLkup/LOCABC')
          },
        ],
      ],
      rules: {},
    }
  },
  methods: {},
  mounted () {
  },
  watch: {},
  components: {
    'v-details': details
  }
}
</script>

<style scoped>
</style>
